<template>
  <div class="home">
<!--    1.顶部导航-->
    <van-nav-bar title="Java学习站">
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
<!--    2.轮播-->
    <van-swipe :autoplay="3000" indicator-color="red">
      <van-swipe-item v-for="img in lbimgs">
        <img class="img1" :src="img">
      </van-swipe-item>
    </van-swipe>
<!--    3.快捷导航-->
    <div>
      <van-grid :gutter="10">
        <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
      </van-grid>
    </div>
<!--    4.热门 问题-->
    <div>
      <van-cell-group inset>
        <van-cell title="uniapp有没有快速入门" value="2022-12-12 12:00:23" label="好像没有，所以推荐Vant" />
      </van-cell-group>
    </div>
<!--    5.热门课程-->
<!--    5.热门面试题-->
  </div>
</template>

<script>
export default {
  name: 'HomeView',
  data(){
    return{
      lbimgs:[
        "https://img0.baidu.com/it/u=2953940086,3621245794&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1670778000&t=091cc9c77bfa5421460084bdac02ca81",
        "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F64%2F4c%2F7b%2F644c7b6c1a42fac7d48b517084bfb02c.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673227751&t=f8debafc14c6e157c73a500d8db5dec2",
        "https://img1.baidu.com/it/u=3132521004,1824133407&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
      ]
    }
  }
}
</script>

<style>
.img1{
  width: 100%;
  height: 200px;
}
</style>
